<template name="container">
  <div class="{styles.contract}">
    <h2>合约</h2>
    <div style="margin-bottom:20px;">
      <ant-Input style="width:200px;margin-right:20px" value={contractAddress}  onChange={onChangeInput}/>
      <ant-Button icon="search" type="primary" class="{styles.btn}" onClick={SerchInfo}>查询</ant-Button>
    </div>
    <div class="{styles.datapanel}">
      <ant-Table rowSelection={rowSelection}
        columns={toJS(tableColumns)}
        dataSource={toJS(tableData)}
        :pagination="{
          current: contract.accountcurrent,
          pageSize: pageSize,
          total: contract.accountcount,
          onChange: onPageChange,
          showQuickJumper:true
        }"
        bordered />
    </div>
  </div>
  <ant-Drawer
    title="合约详情"
    width="100%"
    placement="right"
    closable={true}
    visible={visible}
    maskClosable={true}
    onClose={onClose}
    >
    <div style="min-height:800px;height:400px;">
      <MonacoEditor
        language="java"
        theme="vs-dark"
        value={contractValue}
      />
    </div>  
  </ant-Drawer>
</template>
